	<div class="input-group input-group-sm">
      <input type="text" readonly class="form-control" 
      	value="{{targetData.rows[targetData.getCurrentIndex()][targetProvince].value}}{{targetData.rows[targetData.getCurrentIndex()][targetCity].value}}{{targetData.rows[targetData.getCurrentIndex()][targetZone].value}}" aria-label="...">
      <div class="input-group-btn dropdown">
        <button type="button" ng-disabled="targetData.readonly() || forceDisabled=='true'" ng-click="clearClick()" class="btn btn-default"><span class="glyphicon glyphicon-remove"></span></button>
        <button type="button" ng-disabled="targetData.readonly() || forceDisabled=='true'" ng-click="regionClick($event)" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span></button>
        <ul class="dropdown-menu dropdown-menu-right">
          <li>
 
          <form style="border:solid thin green;">
           <div class="container-fluid"  style="width:550px;">
<div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" ng-repeat="item in dataRegion">
    	<a href="" ng-click="provinceClick(item,$event)" aria-controls="home" role="tab" data-toggle="tab">{{item.name}}</a>
    </li>
  </ul>

  <!-- Tab panes -->
  <!-- 
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane" id="home">...</div>
    <div role="tabpanel" class="tab-pane" id="profile">...</div>
    <div role="tabpanel" class="tab-pane" id="messages">...</div>
    <div role="tabpanel" class="tab-pane" id="settings">...</div>
  </div>
   -->
</div>
    
    
<div class="row">
	<div class="col col-sm-2 col-md-2" style="padding:0px;">
		<div class="panel panel-success">
		  <!-- Default panel contents -->
		  <div class="panel-heading">省</div>
		  <!-- List group -->
		  <div class="list-group" style="height:290px;overflow:auto;padding:0px;">
		    <a href="" ng-click="cityClick(item,$event)" class="list-group-item" ng-repeat="item in dataProvince">
		    	{{item.name}}
		    </a>
		  </div>
		</div>
	</div>
	<div class="col col-sm-5 col-md-5" style="padding:0px;">
		<div class="panel panel-info">
		  <!-- Default panel contents -->
		  <div class="panel-heading">市</div>
		  <!-- List group -->
		  <div class="list-group" style="height:290px;overflow:auto;padding:0px;">
		    <a href="" ng-click="zoneClick(item,$event)" class="list-group-item" ng-repeat="item in dataCity">
		    	{{item.name}}
		    </a>
		  </div>
		</div>
	</div>
	<div class="col col-sm-5 col-md-5" style="padding:0px;">
		<div class="panel panel-warning">
		  <!-- Default panel contents -->
		  <div class="panel-heading">区/县</div>
		  <!-- List group -->
		  <div class="list-group" style="height:290px;overflow:auto;padding:0px;">
		    <a href="" ng-click="addressClick(item)" class="list-group-item" ng-repeat="item in dataZone" data-toggle="dropdown">
		    	{{item.name}}
		    </a>
		  </div>
		</div>
	</div>

</div>    

          </div>
</form>



          
          </li>
        </ul>

      </div><!-- /btn-group -->
    </div><!-- /input-group -->
    
    
    
    
    
